<template>
  <!-- intro-section -->
  <section id="intro-wrap" class="text-center">
    <b-container>
      <div>
        <b-card no-body>
          <b-tabs card v-if="user" >
            <b-tab title="个人作品" active>
              <b-card-text>
                <b-card-text>
                  <dxList  type="own"/>
                </b-card-text>
              </b-card-text>
            </b-tab>
            <b-tab title="案例欣赏">
              <b-card-text>
                <dxList type="share"/>
              </b-card-text>
            </b-tab>
          </b-tabs>

           <b-tabs card v-if="!user" >
          
            <b-tab title="案例欣赏" active>
              <b-card-text>
                <dxList type="share"/>
              </b-card-text>
            </b-tab>
          </b-tabs>
        </b-card>
      </div>
    </b-container>
  </section>
  <!-- end::intro-section -->
</template>

<script lang="ts">
import list from '@/components/custom/list.vue';
import { Component, Vue } from 'vue-property-decorator';

@Component({
  components: {
    dxList: list,
  },
})
export default class List extends Vue {
  get user() {
    return this.$store.state.user;
  }
}
</script>
